.charts {
    // border: 1px solid red;

    .charts_top {
        // border: 1px solid yellow;
        margin-bottom: 25px;

        .transactions_charts {
            display: flex;
            justify-content: space-around;

            .trading_volume_trends {
                text-align: left;
                // border: 1px solid red;

                p {
                    font-weight: 600;
                    padding-left: 15px;
                }
            }

            .ranking_of_parking_lot_kiosks {
                font-weight: 600;
                text-align: left;
                // border: 1px solid red;
            }


        }
    }


    // ljy的css
    .charts_bottom {
        display: flex;
        justify-content: space-around;
        border: 1px solid rgb(210, 186, 8);

        .bigLeft {
            border: 1px solid palegreen;
            width: 50%;
            height: 380px;
            float: left;
            position: relative;

            .titofChart {
                // float: left;
                clear: both;
                font-size: 20px;
            }

            .chart1 {
                border: 1px solid green;
                height: 195px;
                position: absolute;
                bottom: 0px
            }

        }

        .bigright {
            border: 1px solid palegreen;
            width: 50%;
            height: 380px;
            float: left;
            position: relative;

            .chart2 {
                border: 1px solid rgb(51, 26, 149);
                height: 380px;
                position: absolute;
                bottom: 0px
            }
        }

    }


}